<template>
  <div class="musicScore">
    <div class="head">
      <h2 class="title">{{ $t("public.score") }}</h2>
      <router-link to="/music-score"
        >{{ $t("public.more") }}<i class="el-icon-arrow-right"></i
      ></router-link>
    </div>
    <album-list
      :num="2"
      :listData="newList"
      :diff="'musicScore-box'"
    ></album-list>
  </div>
</template>

<script>
import albumList from "@/components/common/albumList/Index";
export default {
  props: {
    list: {
      type: Array,
    },
  },
  data() {
    return {};
  },
  computed: {
    newList() {
      if (this.list) {
        this.list.forEach((item) => {
          item.cover500 = `http://image.kuke.com/images/audio/musicbook/cover/${item.file.substr(
            0,
            1
          )}/${item.file}.jpg`;
          item.scoreView = `http://image.kuke.com/images/audio/musicbook/preview/${item.file.substr(
            0,
            1
          )}/${item.file}.jpg`;
        });
      }
      return this.list;
    },
  },
  components: {
    albumList,
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped></style>
